﻿<!DOCTYPE html>
<html>
    <head>
    <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <link Rel="shortcut icon" href="resource/ico/favicon.ico" type="image/x-icon">
    <link href="resource/css/initCss.css" rel="stylesheet" type="text/css"> 
	<link href="resource/css/gamePage.css" rel="stylesheet" type="text/css">
	<meta name="Keywords" content="五子棋"/>
	<meta name="description" content="一款休闲娱乐的五子棋游戏---Eetal">
	<meta http-equiv="Pragma" content="no-cache"> 
	<meta http-equiv="Cache-Control" content="no-cache"> 
	<meta http-equiv="Expires" content="0"> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
              <title>人机博弈</title>  
    </head>
	<body>
	<audio id="media" src="resource/mp3/BGM.mp3" loop preload="auto"></audio>
	<div id="topDiv" >
		<ul>
			<li><span>我的主页			
			<ul>
				<li><span>${user.userName}</span></li>
			</ul>			
			</span></li>
			<li><span>排行榜
			<ul>
				<li><span>第一名</span></li>
				<li><span>第二名</span></li>
				<li><span>第三名</span></li>
			</ul>
			</span></li>
			<li><span>更多内容
			<ul>
				<li><span>棋局观看</span></li>
				<li><span>修改密码</span></li>
			</ul>
			</span></li>
			<li><span>联系我们
			<ul>
				<li><span>轻松访问</span></li>
			</ul>
			</span></li>
		</ul>
	</div>
	<div id="centerDiv">
		<canvas width="540" height="540" id="drawCanvas"></canvas>
	</div>
	<div id="groupDiv">
		<img src="resource/pictures/music.png" width="100" height="100" id="music" alt="音乐" onClick="musicClick()" />
		<img src="resource/pictures/reset.png" width="85" height="85" id="reset" alt="重启" onClick="initChessBoard()"/>
	</div>
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/logic.js"></script>
	<script type="text/javascript" src="js/draw.js"></script>
	<script type="text/javascript" src="js/gamePageShow.js"></script>
	</body>
</html>